/* * Created by tanytree on 2016/07/2.**/
@charset "utf-8";
body{background: #fff;overflow: auto;position: static;    transition: all 0.6s ease;  -webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, section, article, aside, header, footer, nav, dialog, figure, hgroup, em, button ,a,input{ margin:0;padding:0;-webkit-tap-highlight-color: rgba(0,0,0,0)}

ul,ol,li{list-style:none}
em,i{font-style:normal}
img{border:0; -ms-interpolation-mode: bicubic; -moz-interpolation-mode:bicubic; -webkit-interpolation-mode:bicubic;transition:all 0.6s ease;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;}
/*img:hover{webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)}*/
input,img{vertical-align:middle;}
input,button,select,textarea{margin: 0; padding:0;/*-webkit-appearance:none;border:none;*/ font-family: Microsoft YaHei;outline:0;}
h1,h2,h3,h4,h5,h6 {font-weight:700}
strong {font-weight:700}
cite,em {font-style:normal}
a{color: #9d9d9d;text-decoration: none;margin: 0;padding: 0;outline: 0}
a:active{color:#fe5842 }
/*a{transition:all 0.6s ease;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;}*/
a:hover{color: #fe5842}
.fn-text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fn-linear{background:-webkit-gradient(linear,left top,left bottom,from(#fcfcfc),to(#f1f1f1));background:-moz-linear-gradient(top,#fcfcfc,#f1f1f1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f1f1f1');background:-o-linear-gradient(top,#fcfcfc,#f1f1f1);background:-ms-linear-gradient(top,#fcfcfc,#f1f1f1);background:linear-gradient(to bottom,#fcfcfc,#f1f1f1)}
.fn-linear-light{background:-webkit-gradient(linear,left top,left bottom,from(#fcfcfc),to(#f9f9f9));background:-moz-linear-gradient(top,#fcfcfc,#f9f9f9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f9f9f9');background:-o-linear-gradient(top,#fcfcfc,#f9f9f9);background:-ms-linear-gradient(top,#fcfcfc,#f9f9f9);background:linear-gradient(to bottom,#fcfcfc,#f9f9f9)}
.fn-box-shadow{box-shadow:-2px 0 5px #ccc,0 -2px 5px #ccc,0 2px 5px #ccc,2px 0 5px #ccc;background-color:#fff\9;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#ccc')}
.fn-rmb{font-family:arial;font-style:normal;padding-right:4px}
.fn-webkit-adjust{-webkit-text-size-adjust:none}
.fn-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;word-break:keep-all}
.fn-inline-block{display:inline-block;*display:inline;*zoom:1}
.fn-arrow{position:absolute;border-width:4px;border-color:#ccc #fff #fff #fff;border-style:solid;top:18px;left:3px;font-size:0;line-height:0}

.lodingCover{position: fixed;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;z-index: 9999;background: #fff;display: block}
.spinner{margin: 0 auto;width: 50px;height: 60px;text-align: center;font-size: 10px;position: absolute;left: 50%;margin-left: -25px;top: 50%;margin-top: -30px;}
.spinner > div{background-color: #67CF22;height: 100%;width: 6px;display: inline-block;-webkit-animation: stretchdelay 1.2s infinite ease-in-out;animation: stretchdelay 1.2s infinite ease-in-out;}
.spinner .rect2{-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.spinner .rect3{-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.spinner .rect4{-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.spinner .rect5{-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
@-webkit-keyframes stretchdelay{0%, 40%, 100%{-webkit-transform: scaleY(0.4)} 20%{-webkit-transform: scaleY(1.0)}} @keyframes stretchdelay{0%, 40%, 100%{transform: scaleY(0.4);-webkit-transform: scaleY(0.4);} 20%{transform: scaleY(1.0);-webkit-transform: scaleY(1.0);}}

.clearfix {
    *zoom:1
}
.clearfix:before,.clearfix:after {
    display:table;
    content:"";
    line-height:0
}
.clearfix:after {
    clear:both
}

.row{width: 100%}

.row:before,.row:after {
    display:table;
    content:"";
    line-height:0
}
.row:after {
    clear:both
}
.overflowHiden{overflow: hidden}
/* layout */
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align: right}
.vt{ vertical-align:top}
.vm{vertical-align:middle}
.vb{ vertical-align:bottom}
.bc{margin-left:auto;margin-right:auto} /* blockCenter */
.pr{position:relative}
.pa{position:absolute}
.cl{clear: both}
.fl{float: left}
.fr{float: right}
.fn{float: none}
.block{display:block !important}
.dib{display:inline-block}
.ofa { overflow:auto;zoom:1}
.ofh{overflow: hidden;}
.zindex{z-index: 100}
.ofs-y { overflow-y:scroll;zoom:1}
.zoom{zoom:1}
.justify{text-align:justify;text-justify:inter-ideograph;}
.hide {display: none!important;}
.hidden{visibility:hidden!important;}
.fs-b40 { font-size: 2.45em;}
.fs-b36 { font-size: 2.25em;}
.fs-b32 { font-size: 2em;}
.fs-b24 { font-size: 1.5em;}
.fs-b20 { font-size: 1.25em;}
.fs-b18 { font-size: 1.125em;}
.fs-b16 { font-size: 1em;}
.fs-b14 { font-size: .875em;}
.fs-b13 { font-size: .8em;}
.fs-b12 { font-size: .75em;}
.fs-b11 { font-size: .7em;}
.fs-b10 { font-size: .625em;}
.fs-b9 { font-size: .55em;}
.box{display:-moz-box;display:-webkit-box;display:box; width:100%;}
.b-flex{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1}
.b-flex2{-moz-box-flex:2;-webkit-box-flex:2;box-flex:2}
.b-flex3{-moz-box-flex:3;-webkit-box-flex:3;box-flex:3}
.box-vm{display:-moz-box;-moz-box-pack:center;-moz-box-align:center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;display:box;box-pack:center;box-align:center}
.box-vb{display:-moz-box;display:-webkit-box;display:box;-moz-box-pack:center;-webkit-box-pack:center;box-pack:center;-moz-box-align:end;-webkit-box-align:end;box-align:end}
/* border */
.br-eee { border: 1px solid #eee;}
.br-eee {border: 1px solid #eee;}
.br-t-eee { border-top: 1px solid #eee;}
.br-b-eee { border-bottom: 1px solid #eee;}
.br-r-eee { border-right: 1px solid #eee;}
.br-l-eee { border-left: 1px solid #eee;}
.br-t-h0 { border-top:0!important;}
.br-e4 { border: 1px solid #e4e4e4;}
.br-t-e4 { border-top: 1px solid #e4e4e4;}
.br-b-e4 { border-bottom: 1px solid #e4e4e4;}
.br-b-da-e4 { border-bottom: 1px dashed #e4e4e4;}
.br-l-e4 { border-left: 1px solid #e4e4e4;}
.noborder { border:0!important;}









.swiper-slide{text-align: center}
.swiper-slide img{height: 9.0rem;    width: 100%;}
.swiper-pagination-bullet{width: 0.5rem;height: 0.5rem}
.swiper-pagination-bullet-active{background: #fff}


.BigTit{height: 1.75rem;line-height: 1.75rem;background: #2bce89;    overflow: hidden;}
.BigTit h2{font-size: 0.8rem;color: #fff;font-weight: normal;left: 0.75rem;position: relative;}

.baseInfo{background: #d9f9eb;padding:0.825rem 0;}
.baseInfo ul{background: #fff;}
.baseInfo .item-content{padding-left: 0}
.baseInfo .item-title img{vertical-align: middle;width: 1.25rem;height: 1.25rem;margin-left: 0.5rem}
.baseInfo .item-title span{margin-left: 0.5rem;vertical-align: middle;font-size: 0.6rem}
.baseInfo .noBg .item-inner{background: none}


.formWrap{padding: 0 1.0rem}
.activeFormMod input[type=text],.activeFormMod input[type=number],.activeFormMod input[type=tel],.activeFormMod textarea,.activeFormMod input[type=password]{padding: 0 0.5rem;border-radius: 0.25rem;overflow: hidden;width: 100%;border:1px solid #cdcdcd;font-size: 0.6rem;margin-bottom: 0.5rem}
.activeFormMod select{padding: 0 0.5rem;border-radius: 0.25rem;width: 100%;border:1px solid #cdcdcd;font-size: 0.6rem;height: 1.5rem;line-height: 1.5rem;margin-bottom: 0.5rem}
.activeFormMod input[type=text],.activeFormMod input[type=number],.activeFormMod input[type=tel],.activeFormMod input[type=password]{height:1.5rem;line-height: 1.5rem}
.activeFormMod textarea{    resize: none;height: 6.0rem;    font-size: .7rem;}

.activeFormMod input[type=text].minInput{width: 40%}
.activeFormMod input[type=number].minInput{width: 40%}


.haederText{padding: 0.5rem 0}
.haederText h2{font-size: 0.8rem;color: #666;font-weight: normal;}
.haederText h2 i{vertical-align: middle;color: #ff1010;font-size: 12px;}
.haederText h2 s{text-decoration: none}
.haederText h2 i.redTip{display: none}
.haederText h2 i.redTip b{font-weight:normal}
.haederText p{font-size: 0.6rem;color: #9d9d9d}


.checkBoxAndRadio .modCell ul li{float: left;width: 50%;margin-bottom:0.5rem;    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.checkBoxAndRadio .modCell ul li label{display:block}
.checkBoxAndRadio .modCell ul li span{margin-left:0.25rem;    vertical-align: middle;}
.checkBoxAndRadio .modCell ul li .i-pic{line-height: 3.75rem;overflow: hidden;height: 3.75rem;margin-bottom: 0.5rem}
.checkBoxAndRadio .modCell ul li .i-pic img{display: inline;max-height: 100%;max-width: 100%;vertical-align: middle;}

.checkBoxAndRadio .modCell ul.column-1 li{float: none;display: block;width:100%}
.checkBoxAndRadio .modCell ul.column-2 li{width: 50%}
.checkBoxAndRadio .modCell ul.column-3 li{width: 33.333333333%}
.checkBoxAndRadio .modCell ul.column-4 li{width: 25%}



.imgMod {padding: 0.5rem 0}
.imgMod .i-pic{width: 100%;text-align: center;}
.imgMod .i-pic img{max-width:100%;display: inline;vertical-align: middle;}
.imgMod  p{text-align: left;font-size: 0.6rem;color: #9d9d9d;padding: 0.25rem 0}


.sectionMod{}
.sectionMod h3{border-bottom: 1px solid #cdcdcd;padding-bottom: 4px;font-size: 0.8rem;font-weight: normal;}
.sectionMod  p{text-align: left;font-size: 0.6rem;color: #9d9d9d;padding: 0.25rem 0}



.fileUploadMod ul li{margin-bottom: 0.5rem}
.fileUploadMod ul li{float: left;position: relative;    width: 25%;text-align: center;}
.fileUploadMod .imgList li img{width: 3.0rem;height: 2.5rem;display: inline-block;}
.fileUploadMod .imgList li i{    width: 100%;
    height: 100%;
    position: absolute;
    right: 0px;
    top: -7.5px;
    background: url(../images/delete.png) no-repeat;
    background-size: .75rem .75rem;
    display: none;
    background-position: right top;}

.fileUploadMod .btn li a{width: 2.95rem;height: 2.45rem;display: inline-block;border:1px solid #cdcdcd;}
.fileUploadMod .btn li.add a{background:url(../images/add.png) no-repeat center center;background-size: 1.3rem 1.3rem;}
.fileUploadMod .btn li.reduce a{background:url(../images/reduce.png) no-repeat center center;background-size: 1.3rem 0.2rem}
.fileUploadMod .btn li a:active{background-color: #f1f1f1}
.fileUploadMod .btn li input[type=file]{
    top: 0px;
    left: 0px;
    right: 0;
    bottom: 0;
    height: 2.45rem;
    width: 100%;
    color: #999;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    overflow: hidden;
    z-index: 10;
}
.fileUploadMod .btn li.cancel{display: none;}
.fileUploadMod .btn li.cancel a{color:red;line-height: 2.5rem;text-align: center}


.codeMod .code{display: inline-block;vertical-align: top;margin-left:0.25rem;}
.codeMod .code img{height: 1.5rem;vertical-align: bottom;}
.codeMod .btn{display: inline-block;width: 2.5rem;height: 1.5rem;background: url(../images/refurbish.png) no-repeat center center;background-size: 0.9rem 0.725rem;vertical-align: top;}
.codeMod .btn:active{background-color:#f1f1f1;}



.footBtn{background: #ebebeb;text-align: center;height: 3.0rem;border-top: 1px solid #cdcdcd;position: fixed;;bottom: 0;left:0;width: 100%}

.footBtn button{display: inline-block;width: 10.0rem;height: 2rem;line-height: 2rem;border-radius: 0.5rem;color: #fff;background: #3caf59;text-align: center;border:0;margin-top:0.5rem;}

.ftHeight{height: 3rem;width: 100%;padding: 1.0rem 0}

.uploadNum{font-size: .6rem;
    padding: 0 0 .5rem 0;
    color: #9d9d9d;}
	.uploadNum .orange{color:#f60}
/*.with-picker-modal{margin-top:-100px;}*/



.error{border-color:red !important;box-shadow:0 0 4px red}
.focus{border-color:#2bce89 !important;box-shadow:0 0 4px #2bce89}

#formPreviewPage::-webkit-scrollbar {
		  width: 0;
	} 

.pwpage .title{position:static!important;width: auto!important;white-space: normal!important;}



@-webkit-keyframes rotate_pacman_half_up {
    0% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg); }

    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); }

    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg); } }

@keyframes rotate_pacman_half_up {
    0% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg); }

    50% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); }

    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg); } }

@-webkit-keyframes rotate_pacman_half_down {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg); }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }

    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg); } }

@keyframes rotate_pacman_half_down {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg); }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }

    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg); } }

@-webkit-keyframes pacman-balls {
    75% {
        opacity: 0.7; }

    100% {
        -webkit-transform: translate(-100px, -6.25px);
        transform: translate(-100px, -6.25px); } }

@keyframes pacman-balls {
    75% {
        opacity: 0.7; }

    100% {
        -webkit-transform: translate(-100px, -6.25px);
        transform: translate(-100px, -6.25px); } }

.pacman {
    position: relative; }
.pacman > div:nth-child(2) {
    -webkit-animation: pacman-balls 1s 0s infinite linear;
    animation: pacman-balls 1s 0s infinite linear; }
.pacman > div:nth-child(3) {
    -webkit-animation: pacman-balls 1s 0.33s infinite linear;
    animation: pacman-balls 1s 0.33s infinite linear; }
.pacman > div:nth-child(4) {
    -webkit-animation: pacman-balls 1s 0.66s infinite linear;
    animation: pacman-balls 1s 0.66s infinite linear; }
.pacman > div:nth-child(5) {
    -webkit-animation: pacman-balls 1s 0.99s infinite linear;
    animation: pacman-balls 1s 0.99s infinite linear; }
.pacman > div:first-of-type {
    width: 0px;
    height: 0px;
    border-right: 25px solid transparent;
    border-top: 25px solid #fff;
    border-left: 25px solid #fff;
    border-bottom: 25px solid #fff;
    border-radius: 25px;
    -webkit-animation: rotate_pacman_half_up 0.5s 0s infinite;
    animation: rotate_pacman_half_up 0.5s 0s infinite; }
.pacman > div:nth-child(2) {
    width: 0px;
    height: 0px;
    border-right: 25px solid transparent;
    border-top: 25px solid #fff;
    border-left: 25px solid #fff;
    border-bottom: 25px solid #fff;
    border-radius: 25px;
    -webkit-animation: rotate_pacman_half_down 0.5s 0s infinite;
    animation: rotate_pacman_half_down 0.5s 0s infinite;
    margin-top: -50px; }
.pacman > div:nth-child(3), .pacman > div:nth-child(4), .pacman > div:nth-child(5), .pacman > div:nth-child(6) {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    width: 10px;
    height: 10px;
    position: absolute;
    -webkit-transform: translate(0, -6.25px);
    -ms-transform: translate(0, -6.25px);
    transform: translate(0, -6.25px);
    top: 25px;
    left: 100px; }




.loader{
	display:none;
    width: 180px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -90px;
    margin-left: -90px;
    padding: 30px;
    background: rgba(0,0,0,.5);
    border-radius: 15px;
    color: #fff;
	z-index:999;
}
.loader p{font-size: 16px;text-align: center;padding-top: 10px}












































